import { StyleSheet } from "react-native";

/**全局样式变量 */
export const zhThemeColor = "#090";
export const zhSpacingRowSm = 4;
export const zhSpacingRowBase = 8;
export const zhSpacingRowLg = 12;
export const zhSpacingColSm = 4;
export const zhSpacingColBase = 8;
export const zhSpacingColLg = 12;
export const zhBorderWidth = 1;
export const zhBorderRadius = 4;

/**全局样式对象 */
export const gss = StyleSheet.create({
  logo: {
    width: 250,
    height: 250,
    marginTop: zhSpacingColLg * 8,
    // marginHorizontal:'auto',   //注意:（水平方向） marginHorizontal不支持auto
    marginLeft: "auto",
    marginRight: "auto",
    marginBottom:zhSpacingColLg,
  },
  inputGroup: {
    marginTop: zhSpacingColLg * 2,
    marginHorizontal: zhSpacingRowLg,
    // position: "relative",  //默认值，可不写
  },
  input: {
    //提示:RN中的样式没有border
    borderColor: zhThemeColor,
    borderWidth: zhBorderWidth,
    borderRadius: zhBorderRadius,
    paddingHorizontal: zhSpacingRowLg * 4, //水平方向上的内边距
    paddingVertical: zhSpacingColBase, //竖直方向上的内边距
  },
  inputIcon:{
    position: "absolute",
    width:30,
    height:30,
    top:10
  },
  left:{
    left:zhSpacingRowSm,
  },
  right:{
    right:zhSpacingRowSm,
  },
  btn:{
    backgroundColor:zhThemeColor,
    color:"#fff",
    textAlign:'center',
    paddingVertical:zhSpacingColBase,
    marginHorizontal:zhSpacingRowBase,
    marginTop:zhSpacingColLg*3,
    borderRadius:zhBorderRadius,
  }
});
